<template>
	<view class="uni-container" >
			<uni-notice-bar show-icon scrollable
						text="欢迎使用本公司设备,有问题请随时咨询客服" />
				<br/>
{{test}}{{iswx}}
<span v-show="iswx">sss</span>

<uni-grid :column="3" :highlight="true">
				<uni-grid-item @click="goto('../device/edit')">
					<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
						<uni-icons type="gear-filled" size="45" color="green"></uni-icons><br/>
						<text class="text" >设备配置2</text>
					</view>
				</uni-grid-item>
				<uni-grid-item >
					<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
						<uni-icons type="cart-filled" size="45" color="blue"></uni-icons><br/>
						<text class="text" >设备充值</text>
					</view>
				</uni-grid-item>
		<uni-grid-item >
					<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
						<uni-icons type="compose" size="45" color="yellow"></uni-icons><br/>
						<text class="text" >资费标准</text>
					</view>
				</uni-grid-item>
			</uni-grid>
		<uni-grid :column="3" :highlight="true">
						<uni-grid-item >
							<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
								<uni-icons type="wallet" size="45" color="red"></uni-icons><br/>
								<text class="text" >消费记录</text>
							</view>
						</uni-grid-item>
						<uni-grid-item >
							<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
								<uni-icons type="sound-filled" size="45" color="red"></uni-icons><br/>
								<text class="text" >报警记录</text>
							</view>
						</uni-grid-item>
				<uni-grid-item >
							<view class="grid-item-box" style="background-color: #fff;text-align: center;padding-top: 20px;">
								<uni-icons type="staff-filled" size="45" color="green"></uni-icons><br/>
								<text class="text" >操作指南</text>
							</view>
						</uni-grid-item>
					</uni-grid>
					<br/>
		<uni-section title="特别声明"
		subTitle="本产品属于通信设备，禁止用于非法用途，包括(滥发信息、恶意骚扰、非法改装等用于触犯法律法规的行为)。购买本产品时等同于同意接受本声明约束、等同同意签订相关责任书。如有违反，所有责任与本司无关。" type="line">
					
				</uni-section>			
	
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				test:"99999999999",
				iswx:false
				
			}
		},
		methods: {
			goto(url){
				uni.navigateTo({
					url: url
				});
			}
		}
	}
</script>

<style>
	*{
		font-size: 18px;
		font-weight:bold;
		font-family: "微软雅黑";
	}
	::v-deep .uni-forms-item__label {
		width: 140px !important;
	}

	.uni-container {
		margin: 15px
	}

	switch {
		float: right
	}
	.grid-item-box {
			flex: 1;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 15px 0;
		}
	text{
		font-size: 14px;
	}
</style>
